import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import ElContainer from "./components/container/";
import ElAside from "./components/container/";
import ElHeader from "./components/container/";
import ElMain from "./components/container/";
import ElFooter from "./components/container/";
import ElButton from "./components/button/";
import ElForm from "./components/form";
import ElFormItem from "./components/form";
import ElInput from "./components/form";

const app = createApp(App);

// 想要设置按钮的大小，除了通过 props 传递，还可以通过全局配置的方式设置默认大小。
// 我们进入到代码文件 src/main.ts 中，设置全局变量 $AILEMENTE 中的 size 为 large，
// 并且还可以通过 type="primary"或者 type="success"的方式，设置按钮的主体颜色
app.config.globalProperties.$AILEMENTE = { size: "large" };

app
  .use(ElContainer)
  .use(ElAside)
  .use(ElHeader)
  .use(ElMain)
  .use(ElFooter)
  .use(ElButton)
  .use(ElForm)
  .use(ElFormItem)
  .use(ElInput);
app.mount("#app");
